.input-container {
  display: flex;
  flex-direction: column;
  align-self: center;
  margin-bottom: 15px;
  align-items: center;
}
.input-container:hover {
  display: flex;
  flex-direction: column;
  align-self: center;
  margin-bottom: 15px;
  align-items: center;
  color: rgb(0, 184, 9);
}
.input-container:focus {
  display: flex;
  flex-direction: column;
  align-self: center;
  margin-bottom: 15px;
  align-items: center;
  color: rgb(0, 184, 9);
  font-size: 20px;
}

label {
  width: 100%;
  margin-bottom: 5px;
  margin-top: 15px;
  margin-left: 15px;
  color: rgb(0, 184, 9);
  text-align: left;
  font-weight: bolder;
}
input{
  flex: 1;
  width: 30%;
  padding: 20px;
  min-width: 300px;
  border: 1px solid rgb(0, 184, 9) !important;
  border-radius: 20px;
  border-color: rgb(0, 184, 9);
  background-color: transparent;
  color: rgb(0, 184, 9);
  font-size: 20px;
  outline: none;
}

input:focus {
  border: 1px solid rgb(1, 121, 7) !important;
  color: rgb(1, 121, 7);
  border-color: rgb(0, 184, 9);
  box-shadow: none;
}
input:focus-visible {
  border: 1px solid rgb(1, 121, 7) !important;
  color: rgb(1, 121, 7);
  border-color: rgb(0, 184, 9) !important;
  box-shadow: none;
}
input:hover {
  border: 1px solid rgb(1, 121, 7) !important;
  color: rgb(1, 121, 7);
  border-color: rgb(0, 184, 9) !important;
  box-shadow: none;
}

.error-message {
  color: rgb(255, 75, 75);
  margin-top: 2px;
}
.input-text {
  display: flex;
  flex-direction: column;
  align-self: center;
  margin-bottom: 15px;
  align-items: center;
  flex: 1;
  width: 70%;
  padding: 20px;
  min-width: 600px;
  border: 1px solid rgb(1, 121, 7);
  border-radius: 20px;
  background-color: transparent;
  color: white;
  font-size: 20px;
  font-family: "Montserrat";
}
